<!DOCTYPE html>
<html>
<head>
<title>阿甘正传</title>
<meta charset="utf-8">
<style>
  #border{
    border:5px double #000000;
    padding:10px 40px;
    background:none;
    width:400px;
  }
</style>
<style>
  body{
    background:url(kxh458/image/background.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
  }
</style>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(17, 17, 18, 0.871);
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover, .dropbtn {
    background-color:rgb(14, 15, 15);
}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ece9e9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
</style>
<style>
  .button {
    display: inline-block;
    border-radius: 4px;
    background-color: #2a2b2b;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 13.5px;
    padding: 20px;
    width: 120px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    position:fixed;
    bottom:0;
    right:0;
  }
  .button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
</style>
<style>
  img {
    border-radius: 8px;
  }
</style>
<style>
  h1{
    text-align: center;
    font-size:xx-large;
    font-weight: 350;
    font-family:'Courier New', Courier, monospace
  }
</style>

</head>
<body>

  <ul>
    <li><a class="active" href="index.html">主页</a></li>
    <div class="dropdown">
      <a href="Movie1.html" class="dropbtn">搏击俱乐部</a>
      <div class="dropdown-content">
        <a href="Movie1.html">剧情简介</a>
        <a href="Movie1Character.html">主要人物</a>
      </div>
    </div>
    <div class="dropdown">
      <a href="Movie2.html" class="dropbtn">美国丽人</a>
      <div class="dropdown-content">
        <a href="Movie2.html">剧情简介</a>
        <a href="Movie2_character.html">主要人物</a>
      </div>
    </div>
    <div class="dropdown">
      <a href="Movie3.html" class="dropbtn">出租车司机</a>
      <div class="dropdown-content">
        <a href="Movie3.html">剧情简介</a>
        <a href="Movie3_character.html">主要人物</a>
      </div>
    </div>
    <div class="dropdown">
      <a href="Movie4.html" class="dropbtn">阿甘正传</a>
      <div class="dropdown-content">
        <a href="Movie4.html">剧情简介</a>
        <a href="Movie4_character.html">主要人物</a>
      </div>
    </div>
  </ul>
  <div class="button">
    <a href="http://wang-fan321.gitee.io/514-building-11-east" style="vertical-align: middle;color:white;font-size: large;"><span>返回寝室</span></a>
  </div>
<h1>Forrest Gump--Introduction of the Plot</h1>
<div style="width:1200px">
  <img src="kxh458/image/g1.jpg" style="position:absolute;left:260px;right:auto;top:200px;width:400px;height:auto"/>
  <p1 style="position:absolute;left:815px;right:300px;top:200px;font-size: large;line-height: 1.75em;color:rgb(0, 0, 0);font-family:'Times New Roman', Times, serif ;" id="border">阿甘是个智商只有75的低能儿。在学校里为了躲避别的孩子的欺侮，听从一个朋友珍妮的话而开始“跑”。他跑着躲避别人的捉弄。在中学时，他为了躲避别人而跑进了一所学校的橄榄球场，就这样跑进了大学。阿甘被破格录取，并成了橄榄球巨星，受到了肯尼迪总统的接见。
    </p>
</div>
<div style="width:1200px">
  <img src="kxh458/image/g2.jpg" style="position:absolute;left:860px;right:auto;top:550px;width:400px;height:auto"/>
  <p2 style="position:absolute;left:200px;right:600px;top:500px;font-size: large;line-height: 1.75em;color:rgb(0, 0, 0);font-family:'Times New Roman', Times, serif ;" id="border">在大学毕业后，阿甘又应征入伍。在那里，他有了两个朋友：热衷捕虾的布巴和令人敬畏的长官邓·泰勒上尉。阿甘一直爱着珍妮，但珍妮却不爱他。在战争结束后，阿甘受到接见。在一次集会上，阿甘又遇见了珍妮，两人匆匆相遇又匆匆分手。在“说到就要做到”这一信条的指引下，阿甘最终闯出了一片属于自己的天空。在他的生活中，他结识了许多名人。猫王和约翰·列侬这两位音乐巨星也是通过与他的交往而创作了许多风靡一时的歌曲。</p>
</div>
<div style="width:1200px">
  <img src="kxh458/image/g3.jpg" style="position:absolute;left:260px;right:auto;top:1050px;width:400px;height:auto"/>
  <p3 style="position:absolute;left:815px;right:300px;top:985px;font-size: large;line-height: 1.75em;color:rgb(0, 0, 0);font-family:'Times New Roman', Times, serif ;" id="border">　最后，阿甘通过捕虾成了一名企业家。为了纪念死去的布巴，他成立了布巴·甘公司，并把公司的一半股份给了布巴的母亲，自己去做一名园丁。阿甘经历了世界风云变幻的各个历史时期，但无论何时，无论何处，无论和谁在一起，他都依然如故，纯朴而善良。在隐居生活中，他时常思念珍妮。而这时的珍妮早已误入歧途，陷于绝望之中。终于有一天，珍妮回来了。她和阿甘共同生活了一段日子。在一天夜晚，珍妮投入了阿甘的怀抱，之后又在黎明悄然离去。醒来的阿甘木然坐在门前的长椅上，然后突然开始奔跑。他跑步横越了美国，又一次成了名人。</p>
</div>
<div style="width:1200px">
  <img src="kxh458/image/g4.jpg" style="position:absolute;left:860px;right:auto;top:1520px;width:400px;height:auto"/>
  <p3 style="position:absolute;left:200px;right:850px;top:1480px;font-size: large;line-height: 1.75em;color:rgb(0, 0, 0);font-family:'Times New Roman', Times, serif ;" id="border">　在奔跑了许久之后，阿甘停了下来，开始回自己的故乡。在途中，收到了珍妮的信。他立刻去见找她。在公交站台候车时。 阿甘向他人讲述了他之前的经历。于是他又一次见到了珍妮，还有一个小男孩，那是他的儿子。这时的珍妮已经得了一种不治之症。阿甘和珍妮三人一同回到了家乡，一起度过了一段幸福的时光。珍妮过世了，他们的儿子也已到了上学的年龄。阿甘送儿子上了校车，坐在公共汽车站的长椅上，回忆起了他一生的经历。
    </p>
</div>

</body>
</html>